<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <f:facet name="first">
            <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
        </f:facet>

        <title><h:outputText value="#{message['general.cabecera.titulo.aplicacion']}"/></title>        

        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/recursos/css/default.css" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/recursos/css/tema.css" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/recursos/css/cotelasa.css" />

        <script type="text/javascript" src="#{request.contextPath}/recursos/js/script.js" />
        <style>
            .tablaSinBorde tr, .tablaSinBorde td {
                border-style: hidden !important;
            }
            .ui-message-error{
                display: inline !important;
            }
        </style>
    </h:head>
    <h:body>
        <div id="contenedor">
            <div id="cabecera">
                <div id="cab_Contenido">
                    <div id="cab_Cont_Logo"></div>
                    <div id="cab_Cont_Detalle">
                        <div id="cab_Cont_Det_Informacion">              	                


                        </div>
                        <div id="cab_Cont_Det_Titulo">
                            <div id="cab_Cont_Det_Tit_Texto">Sistema de Control de Producción y Gestion Administrativa</div>
                            <div id="cab_Cont_Det_Tit_Derecha"></div>
                        </div>
                    </div>
                </div>
                <div id="cab_Sombra">
                    <!--
                    <div id="cab_Som_Ubicacion">
                    :: Usted se encuentra en:<span><a href="#">Bandeja</a>&nbsp;/&nbsp;<a href="#">Bandeja de Entrada</a></span>
                </div>
                    <a class="cab_Som_Session" href="#">Cerrar sesión</a>
                    -->
                </div>
            </div>



            <div id="logueo">
                <div id="log_Titulo">INICIE SU SESIÓN</div>
                <div id="log_Contenido">
                    <h:form id="formLogin" prependId="false">
                        <center>
                            <p:panel>
                                <p:panelGrid  rendered="true">
                                    <p:row>
                                        <p:column colspan="3">
                                            <p><p:message  for="formLogin" /></p>
                                        </p:column>    
                                    </p:row>    
                                    <p:row>
                                        <p:column>
                                            <h:outputText id="lblLogueoUsuario" value="USUARIO(*)" styleClass="lblForm" />
                                        </p:column>
                                        <p:column>
                                            <span class="icoUsuario"></span>
                                            <h:inputText onkeyup="cambiarMayuscula(this)" 
                                                         id="j_username" label="usuario"  required="true" value="#{BKSession.usuario.usuario}"/>
                                        </p:column>
                                        <p:column>
                                            <p:message for="j_username" display="text"/>
                                        </p:column>     
                                    </p:row>

                                    <p:row>
                                        <p:column>
                                            <h:outputText id="lblLogueoContrancen" value="CONTRASEÑA(*)" styleClass="lblForm"  />
                                        </p:column>
                                        <p:column>
                                            <span class="icoClave"></span>
                                            <h:inputSecret id="j_password" label="password" onkeyup="cambiarMayuscula(this)"  
                                                           required="true" value="#{BKSession.usuario.contracena}" />
                                        </p:column>
                                        <p:column>
                                            <p:message for="j_password" display="text" />
                                        </p:column>     
                                    </p:row>    
                                    <p:row>
                                        <p:column colspan="3">
                                            <div id="log_BotonZona">

                                                <p:commandButton id="btnEntrar" ajax="false" value="Entrar" action="#{MBAcceso.validarAcceso}" />
                                                <p:commandButton id="btnReset" type="reset" value="Limpiar"/>

                                            </div>
                                        </p:column>    
                                    </p:row>    
                                </p:panelGrid>
                            </p:panel>
                        </center>
                    </h:form>
                </div>
            </div>
        </div>

    </h:body>

</html>    